<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			/*
        	描述：先创建一个带div ul  li  input 的网页，
        	//1、在下方的div中添加一个ul标签
        	//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        	//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
       		*/
       		window.onload = function (){
       			//获得bady标签的集合元素长度为1 就是【0】索引
       			var bodyname=document.getElementsByTagName("body")[0];
       			//创建div添加到div
       			var div1=document.createElement("div");
       			bodyname.appendChild(div1);
				//创建ul添加到div1
       			var newUl=document.createElement("ul");
       			div1.appendChild(newUl);
       			//创建li添加到ul三次 
       			var newLi1=document.createElement("li");
       			var newLi2=document.createElement("li");
       			var newLi3=document.createElement("li");
       			newUl.appendChild(newLi1);
       			newUl.appendChild(newLi2);
       			newUl.appendChild(newLi3);
       			//创建文本节点添加到li里
       			var text1=document.createTextNode("奔驰");
       			var text2=document.createTextNode("宝马");
       			var text3=document.createTextNode("五菱宏光");
       			newLi1.appendChild(text1);
       			newLi2.appendChild(text2);
       			newLi3.appendChild(text3);
       			text1.nodeValue="悍马";
       			//修改text1的属性值
       			/*var text4=document.createTextNode("悍马");
       			newLi1.replaceChild(text4,text1); 
       			var text5=document.getElementsByTagName("li");
       			
       			newLi1.firstChild.nodeValue="66";
       			text4.nodeValue="ll"*/
       			
       			
       		} 
		</script>
	</head> 
	<body>
		<!--<div id="div1"></div>-->
	</body>
</html>
